<template>
	<view class="content">
		<view class="mechanism">
			<view class="company">
				<image src="../../../../static/YunCangImg/sing.png"></image>
				<view class="company_right">
					<h5>深圳天宇直播文化有限公司</h5>
					<span>公司简介公司简介公司简介公司简介公司 简介公司简介公司简......</span>
					<view>
						<image src="../../../../static/YunCangImg/sing.png"></image>
						<view class="company_contact">
							联系方式：
							<text>0755-62489523</text>
						</view>
					</view>
				</view>
			</view>
			<view class="Talent">
				<h4>达人介绍</h4>
				<view class="Talent_name">
					<view>
						<image src="../../../../static/YunCangImg/sing.png"></image>
						<text>薇娅</text>
					</view>
					<view>
						<image src="../../../../static/YunCangImg/sing.png"></image>
						<text>薇娅</text>
					</view>
					<view>
						<image src="../../../../static/YunCangImg/sing.png"></image>
						<text>薇娅</text>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script></script>

<style lang="less">
.content {
	background: #f2f2f2;
	.mechanism {
		padding: 20upx;
		.company {
			width: 710upx;
			height: 282upx;
			background: #ffffff;
			box-shadow: 0px 3upx 30upx 0px rgba(204, 204, 204, 0.32);
			border-radius: 20upx;
			margin-bottom: 20upx;
			display: flex;
			image {
				width: 200upx;
				height: 240upx;
				border-radius: 10upx;
				border: 1px solid;
				display: table;
				margin: 20upx;
			}
			.company_right {
				margin: 10px 0;
				h5 {
					width: 400upx;
					height: 30upx;
					font-size: 30upx;
					font-family: Microsoft YaHei UI;
					font-weight: 400;
					color: #333333;
					margin-bottom: 20upx;
				}
				span {
					width: 430upx;
					height: 53upx;
					font-size: 24upx;
					font-family: Microsoft YaHei UI;
					font-weight: 400;
					color: #666666;
					display: inline-block;
				}
				view {
					width: 500upx;
					display: flex;
					margin-top: 60upx;
					image {
						width: 40upx;
						height: 40upx;
						border: 1px solid;
						margin: 0;
					}
					.company_contact {
						width: 400upx;
						height: 25upx;
						font-size: 24upx;
						font-family: Microsoft YaHei UI;
						font-weight: 400;
						color: #333333;
						margin: 0;
						padding: 8upx 10upx;
						uni-view {
							display: flex;
							width: 596upx;
						}
						text {
							color: #438aff !important;
						}
					}
				}
			}
		}
		.Talent {
			width: 710upx;
			height: 848upx;
			background: #ffffff;
			box-shadow: 0px 3upx 30upx 0px rgba(204, 204, 204, 0.32);
			border-radius: 20upx;
			h4 {
				width: 129upx;
				height: 33upx;
				font-size: 32upx;
				font-family: Microsoft YaHei UI;
				font-weight: bold;
				color: #333333;
				padding: 40upx;
			}
			.Talent_name {
				display: flex;
				justify-content: space-around;
				uni-view {
					width: 160upx;
					position: relative;
					image {
						width: 160upx;
						height: 160upx;
						border-radius: 50%;
						border: 1px solid;
					}
					text {
						background: #ffffff;
						border: 1px solid #e5e5e5;
						box-shadow: 0px 2upx 15upx 0px rgba(204, 204, 204, 0.32);
						border-radius: 30upx 30upx 34upx 34upx;
						color: #333333;
						display: flex;
						padding: 2upx 40upx;
						position:absolute;
						top: 140upx;
					}
				}
			}
		}
	}
}
</style>
